/*
 * @Author: 肖思汗 
 * @Date: 2025-07-04 16:00:30 
 * @Last Modified by: 肖思汗
 * @Last Modified time: 2025-07-04 16:09:21
 */

.colorItemBoder {
    position: relative;
    display: inline-block;
    width: 50rpx;
    height: 50rpx;
    border-radius: 50%;
    margin: 10rpx 18rpx 0rpx 0rpx;
    box-shadow: none;

    &.active {
        box-shadow: 4rpx 4rpx 4rpx rgba(0, 0, 0, 0.5);
    }

    .colorItem {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        display: inline-block;
        width: 42rpx;
        height: 42rpx;
        border-radius: 50%;
        box-shadow: 4rpx 4rpx 4rpx rgba(0, 0, 0, 0.5);

        &.active {
            border: 1rpx solid rgba(0, 0, 0, 0.1);
            box-shadow: none;
        }
    }
}